<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  <title>合账办理</title>
  <link rel="stylesheet" href="../.././template/assets/css/amazeui.min.css"/>
  <link rel="stylesheet" href="../.././template/assets/css/font-awesome.css">
  <style type="text/css">
    hr{
      margin: 1rem 0;
    }
    /*.accordion-content-style{
      height:30rem;
      overflow-y:auto;
    }*/
    .right-style{
      margin-right:0;
      padding-right:0
    }
    .left-style{
      margin-left:0;
      padding-left:0;
      color:#0e90d2;
    }
  </style>
</head>
<body>

  <div class=" am-list am-padding ">


        <div class="am-u-sm-12 am-padding-vertical-xs">
            <div class="am-u-sm-8 am-text-left" style="padding-left:0">
                <input id="phone_master" type="number" class="am-form-field" value="" placeholder="请输入主卡号码"  />
            </div>
            <div class="am-u-sm-4 am-text-right" style="padding-right:0">
                <button type="button"  class="am-btn am-btn-block am-btn-default" id="get_msg_code" onclick="get_msg_code()">获取验证码</button>
            </div>
        </div>
        <div class="am-u-sm-12 am-padding-vertical-xs">
            <div class="am-u-sm-8 am-text-left" style="padding-left:0">
                <input id="msg_code" type="number" class="am-form-field" value="" placeholder="请输入验证码"  />
            </div>
            <div class="am-u-sm-4 am-text-right" style="padding-right:0">
                <button type="button"  class="am-btn am-btn-block am-btn-default" id="val_msg_code" onclick="vali_msg_code()">验证</button>
            </div>
        </div>

      <div class="am-u-sm-12 am-padding-vertical-xs">
          <input id="phone_slave" type="number" class="am-form-field" value="" placeholder="请输入副卡号码"  />
      </div>

      <div class="am-u-sm-12 am-padding-vertical-xs">
          <input id="phone_slave_second" type="number" class="am-form-field" value="" placeholder="请再次输入副卡号码"  />
      </div>



        <div class="am-u-sm-12 am-padding-vertical-xs">
          <div class="am-u-sm-6 am-text-left" style="padding-left:0">
            <button type="button"  class="am-btn am-btn-block am-btn-primary" id="submit">办理合账</button>
          </div>
          <div class="am-u-sm-6 am-text-right" style="padding-right:0">
            <button type="button"  class="am-btn am-btn-block am-btn-default" id="cancel">返回</button>
          </div>
        </div>
 </div>
 
 <div class="am-modal am-modal-no-btn" tabindex="-1" id="modal">
  <div class="am-modal-dialog">
    <div class="am-modal-hd"> <i class="am-icon-refresh am-icon-spin"></i>
      <a href="javascript: void(0)" class="am-close am-close-spin" data-am-modal-close>&times;</a>
    </div>
    <div class="am-modal-bd">业务办理中...</div>
  </div>
</div>

<script type="text/javascript" src="../.././template/assets/js/jquery.min.js"></script>
<script type="text/javascript" src="../.././template/assets/js/amazeui.min.js"></script>
<script type="text/javascript" src="../.././template/assets/js/handlebars.min.js"></script>
<script type="text/javascript" src="../.././template/assets/js/amazeui.widgets.helper.min.js"></script>
<script type="text/javascript" src="../.././template/website/js/app.js"></script>
<!--<script type="text/javascript" src="../.././template/website/js/campus/vnet/vnet.js"></script>-->
<script type="text/javascript" src="../../template/website/js/amalgamate/amalgamate.js"></script>

</body>
</html>